﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <title>设备控制</title>
    <link rel="stylesheet" href="/css/custom.css" />
</head>
<body>
    <div class="settitle">
        <h2>提醒设置</h2>
    </div>
    <div class="setbox">
        <div class="setswitch">
            <h2>灶台关火</h2>
            <dl>
                <dd class="switchinfo">关</dd>
                <dt class="switchopenbtn"><input type="checkbox" /><span></span></dt>
                <dd class="switchdown"><span class="downbtn"></span></dd>
            </dl>
        </div>
        <div class="setremind">
            <div class="pullleft">
                <span class="pullleft">关火提醒时间：</span><span class="kuan pullleft">20</span><span class="pullleft">分钟</span>
            </div>
            <div class="pullright">
                <a href="#">编辑</a>&nbsp;&nbsp;<a href="#">删除</a>
            </div>
        </div>
    </div>
    <div class="setbox">
        <div class="setswitch">
            <h2>吃药</h2>
            <dl>
                <dd class="switchinfo">关</dd>
                <dt class="switchopenbtn"><input type="checkbox" /><span></span></dt>
                <dd class="switchdown"><span class="downbtn"></span></dd>
            </dl>
        </div>
        <div class="setinfo">
            <dl>
                <!--<dd>
                    <span class="column5">00：06</span>
                    <span class="column5"><a href="#">编辑</a>&nbsp;&nbsp;<a href="#">删除</a></span>
                </dd>
                <dd>
                    <span class="column5">00：06</span>
                    <span class="column5"><a href="#">编辑</a>&nbsp;&nbsp;<a href="#">删除</a></span>
                </dd>
                <dd>
                    <span class="column5">00：06</span>
                    <span class="column5"><a href="#">编辑</a>&nbsp;&nbsp;<a href="#">删除</a></span>
                </dd>-->
                <dt><span id="btnshow_tpl" class="column5">＋</span></dt>
            </dl>
        </div>

    </div>
    <div class="setbox">
        <div class="setswitch">
            <h2>生日</h2>
            <dl>
                <dd class="switchinfo">关</dd>
                <dt class="switchopenbtn"><input type="checkbox" /><span></span></dt>
                <dd class="switchdown"><span class="downbtn"></span></dd>
            </dl>
        </div>
        <div class="setinfo">
            <dl id="birthday_List">
                <dd v-for="item in items">
                    <span class="column3">{{ item[1] }}</span>
                    <span class="column4">{{ item[2] }}</span>
                    <span class="column3">
                        <a href="javascript:(0)" onclick="birthday.showedit({{item[0]}})">编辑</a>&nbsp;&nbsp;
                        <a href="javascript:(0)" onclick="birthday.showdelete({{item[0]}})">删除</a>
                    </span>
                </dd>
                <dd id="birthday_List_Error" style="display:none;">
                    
                </dd>
            </dl>
            <div id="btnshow_birthday" class="columnAdd" onclick="birthday.showadd()"><span>＋</span></div>
        </div>
    </div>
    <div class="setbox">
        <div class="setswitch">
            <h2>节日</h2>
            <dl>
                <dd class="switchinfo">关</dd>
                <dt class="switchopenbtn"><input type="checkbox" /><span></span></dt>
                <dd class="switchdown"><span class="downbtn"></span></dd>
            </dl>
        </div>
        <div class="setinfo">
            <dl id="holiday_List">
                <dd v-for="item in items">
                    <span class="column3">{{ item[1] }}</span>
                    <span class="column4">{{ item[2] }}</span>
                    <span class="column3">
                        <a href="javascript:(0)" onclick="holiday.showedit({{item[0]}})">编辑</a>&nbsp;&nbsp;
                        <a href="javascript:(0)" onclick="holiday.showdelete({{item[0]}})">删除</a>
                    </span>
                </dd>
                <dd id="holiday_List_Error" style="display:none;"></dd>
            </dl>
            <div id="btnshow_birthday" class="columnAdd" onclick="holiday.showadd()"><span>＋</span></div>
        </div>
    </div>
    <div id="takepills" class="manage_Info">
        <span style="">吃药时间</span>
        <hr/>
        <div>
            <input id="takepills_id" type="hidden" />
            <select id="takepills_hours">
                <option value="00">00</option>
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
            </select>
            <select id="takepills_minute">
                <option value="00">00</option>
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
                <option value="32">32</option>
                <option value="33">33</option>
                <option value="34">34</option>
                <option value="35">35</option>
                <option value="36">36</option>
                <option value="37">37</option>
                <option value="38">38</option>
                <option value="39">39</option>
                <option value="40">40</option>
                <option value="41">41</option>
                <option value="42">42</option>
                <option value="43">43</option>
                <option value="44">44</option>
                <option value="45">45</option>
                <option value="46">46</option>
                <option value="47">47</option>
                <option value="48">48</option>
                <option value="49">49</option>
                <option value="50">50</option>
                <option value="51">51</option>
                <option value="52">52</option>
                <option value="53">53</option>
                <option value="54">54</option>
                <option value="55">55</option>
                <option value="56">56</option>
                <option value="57">57</option>
                <option value="58">58</option>
                <option value="59">59</option>
            </select>
        </div>
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input id="btndel" type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="takepills.save()" />
        </div>
    </div>
    <div id="takepillsdelete" style="padding:5% 0;text-align:center;display:none;">
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input id="" type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input id="btndel" type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="del()" />
        </div>
    </div>
    <div id="birthday" v-model="{{ model }}" class="manage_Info">
        <span>生日</span>
        <hr/>
        <div>
            <input type="hidden" v-model="model.id"/>
            名称<input placeholder="不超过6个字" maxlength="6" 
                     style="width:60%;height: 30px;padding-left: 5%;margin-left:5%;border-radius: 5px;background: #DDD;border: 0;margin:10px;" v-model="model.title"/>
            <select id="birthday_Year">
                <option value="1990">1990</option>
                <option value="1991">1991</option>
                <option value="1992">1992</option>
                <option value="1993">1993</option>
                <option value="1994">1994</option>
                <option value="1995">1995</option>
            </select>
            <select id="birthday_hours">
                <option value="00">00</option>
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
            </select>
            <select id="birthday_minute">
                <option value="00">00</option>
                <option value="01">01</option>
                <option value="02">02</option>
                <option value="03">03</option>
                <option value="04">04</option>
                <option value="05">05</option>
                <option value="06">06</option>
                <option value="07">07</option>
                <option value="08">08</option>
                <option value="09">09</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
                <option value="24">24</option>
                <option value="25">25</option>
                <option value="26">26</option>
                <option value="27">27</option>
                <option value="28">28</option>
                <option value="29">29</option>
                <option value="30">30</option>
                <option value="31">31</option>
                <option value="32">32</option>
                <option value="33">33</option>
                <option value="34">34</option>
                <option value="35">35</option>
                <option value="36">36</option>
                <option value="37">37</option>
                <option value="38">38</option>
                <option value="39">39</option>
                <option value="40">40</option>
                <option value="41">41</option>
                <option value="42">42</option>
                <option value="43">43</option>
                <option value="44">44</option>
                <option value="45">45</option>
                <option value="46">46</option>
                <option value="47">47</option>
                <option value="48">48</option>
                <option value="49">49</option>
                <option value="50">50</option>
                <option value="51">51</option>
                <option value="52">52</option>
                <option value="53">53</option>
                <option value="54">54</option>
                <option value="55">55</option>
                <option value="56">56</option>
                <option value="57">57</option>
                <option value="58">58</option>
                <option value="59">59</option>
            </select>
        </div>
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="birthday.save()" />
        </div>
    </div>
    <div id="birthdaydelete" v-model="{{ model }}" style="padding:5% 0;text-align:center;display:none;">
        <span style="font-size:26px;">确定删除{{ model.title }}?</span>
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="birthday.del()" />
        </div>
    </div>
    <div id="holiday" v-model="{{ model }}" class="manage_Info">
        <span>节日</span>
        <hr/>
        <div>
            <input type="hidden" v-model="model.id" />
            名称<input placeholder="不超过6个字" maxlength="6"
                     style="width:60%;height: 30px;padding-left: 5%;margin-left:5%;border-radius: 5px;background: #DDD;border: 0;margin:10px;" v-model="model.title" />
        </div>
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="holiday.save()" />
        </div>
    </div>
    <div id="holidaydelete" v-model="{{ model }}" style="padding:5% 0;text-align:center;display:none;">
        <span style="font-size:26px;">确定删除{{ model.title }}?</span>
        <div style="text-align:center;width:80%;margin:auto;margin-top:5%;">
            <input type="button" value="取消" class="feedbackbtn" style="width:40%;" onclick="layer.closeAll()" />
            <input type="button" value="完成" class="feedbackbtn" style="width:40%;margin-left:10%;" onclick="holiday.del()" />
        </div>
    </div>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/vue/vue.min.js"></script>
    <script type="text/javascript" src="/js/layer/layer.js"></script>
    <script type="text/javascript" src="/js/getdata.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/devicemanage.js"></script>
</body>
</html>